<template>
	<view class="redpackage2">
		<text>{{text}}</text>
	</view>
</template>

<script>
	export default {
		name:"RedPackage",
		data() {
			return {
				
			};
		},
		props:{
			text:{			// 红包备注
				type:String,
				default:'恭喜发财',
			},
			back:{			// 背景
				type:String,
			},
			money:{			// 金额总数量
				type:Number,
			},
			received:{
				type:Boolean,
				default: false,
			},	// 是否被领走，以及被领走的金额
			deadline:{
				type:Date,
				default: null,
			},	// 截止日期
			random:{
				type:Boolean,
			},	// 是否拼手气
		}
	}
</script>

<style scoped>
	view{
		position: relative;
	}
	text{
		color:white;
		font-weight: bold;
		font-size: large;
		position: absolute;
		left: 50%;
		top:60%;
		transform: translate(-50%);
		max-width: 90%;
	}
	.redpackage2{
		background-image: url(../../static/redpackage_back.svg);
		background-repeat: no-repeat;
		background-size: 140% 100%;
		background-position: 30% center;
		width: 365rpx;
		height: 250px;
	}
</style>
